<template>
  <div>
    <hr>
    <Header :changeCar='changeCar' :count="count"/>
    <hr>
    <List :count="count"/>
  </div>
</template>

<script>

import Header from '@/components/Header'
import List from '@/components/List.vue'
export default {
  name:'App',
  components:{
    Header,
    List
  },
  data(){
    return{
      count:'青桔单车'
    }
  },
  methods:{
    destroy(){
      this.$destroy()
    },
    changeCar(){
      this.count='aot'
    }
  },
  beforeCreate(){
    console.log('****beforeCreate***');
  },
  created(){
    console.log('****created****');
  },
  beforeMount(){
    console.log('****beforeMount****');
  },
  mounted() {
    console.log('****mounted****');
  },
  beforeUpdate(){
    console.log('****beforeUpdate****');
  },
  updated(){
    console.log('****updated****');
  },
  beforeDestroy() {
    console.log('****beforeDestroy****');
  },
  destroyed(){
    console.log('****destroyed****');
  }

}
</script>

<style>

</style>